<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:rich="http://richfaces.org/rich"
    template="/layout/template.xhtml">

<ui:define name="body">

    <rich:panel>
        <f:facet name="header">Grupo</f:facet>

		<s:decorate id="nome" template="/layout/display.xhtml">
            <ui:define name="label">Nome</ui:define>
            <h:outputText value="#{grupoHome.instance.nome}"/>
        </s:decorate>
        
		<s:decorate id="dataCadastro" template="/layout/display.xhtml">
            <ui:define name="label">Data de Cadastro</ui:define>
            <h:outputText value="#{grupoHome.instance.dataCadastro.time}"/>
        </s:decorate>

        <s:decorate id="descricao" template="/layout/display.xhtml">
            <ui:define name="label">Descrição</ui:define>
            <h:outputText value="#{grupoHome.instance.descricao}"/>
        </s:decorate>
        
        <s:decorate id="email" template="/layout/display.xhtml">
            <ui:define name="label">E-mail</ui:define>
            <h:outputText value="#{grupoHome.instance.email}"/>
        </s:decorate>
        
        <s:decorate id="Status" template="/layout/display.xhtml">
            <ui:define name="label">Status</ui:define>
            <h:outputText value="#{grupoHome.instance.status}"/>
        </s:decorate>

        <div style="clear:both"/>

    </rich:panel>

    <div class="actionButtons">

        <s:button view="/resources/GrupoEdit.xhtml"
                    id="edit"
                 value="Editar"/>

        <s:button view="/resources/#{empty grupoFrom ? 'GrupoList' : grupoFrom}.xhtml"
                    id="done"
                 value="Concluído"/>

    </div>

    <rich:tabPanel switchType="ajax">

    <rich:tab>
        <f:facet name="label">
            <h:panelGroup><h:graphicImage value="/img/manytoone.gif" style="vertical-align: middle; padding-right: 4px;"/>Administrador de Grupo</h:panelGroup>
        </f:facet>
    <div class="association" id="administradorGrupoParent">

        <h:outputText value="Não existem nenhum Administrador de Grupo associado."
                   rendered="#{grupoHome.instance.administradorGrupo == null}"/>

        <rich:dataTable var="_administradorGrupo"
                   value="#{grupoHome.instance.administradorGrupo}"
                rendered="#{grupoHome.instance.administradorGrupo != null}"
              rowClasses="odd,even"
                      id="administradorGrupoTable">
            <h:column>
                <f:facet name="header">Nome</f:facet>
                <h:outputText value="#{_administradorGrupo.nome}"/>
            </h:column>
            <h:column>
                <f:facet name="header">E-mail</f:facet>
                <h:outputText value="#{_administradorGrupo.email}"/>
            </h:column>
            <h:column>
                <f:facet name="header">Data de Cadastro</f:facet>
                <h:outputText value="#{_administradorGrupo.dataCadastro.time}"/>
            </h:column>
            <h:column>
                <f:facet name="header">Status</f:facet>
                <h:outputText value="#{_administradorGrupo.status}"/>
            </h:column>
            <rich:column styleClass="action" style="text-align: center;">
                <f:facet name="header">Opções</f:facet>
                <s:link id="viewadministradorGrupo"
                     value="Ver"
                      view="/resources/AdministradorGrupo.xhtml">
                    <f:param name="administradorGrupoId"
                           value="#{_administradorGrupo.id}"/>
                </s:link>
            </rich:column>
        </rich:dataTable>

    </div>
    </rich:tab>

    <rich:tab>
        <f:facet name="label">
            <h:panelGroup><h:graphicImage value="/img/onetomany.gif" style="vertical-align: middle; padding-right: 4px;"/>Subgrupo</h:panelGroup>
        </f:facet>
    <h:form styleClass="association" id="subGrupoChildren">

        <h:outputText value="Não existe nenhum Sub Grupo associado."
                   rendered="#{empty grupoHome.subGrupo}"/>

        <rich:dataTable value="#{grupoHome.subGrupo}"
                       var="_subGrupo"
                  rendered="#{not empty grupoHome.subGrupo}"
                rowClasses="odd,even"
                        id="subGrupoTable"
                          rows="20">
            <rich:column sortBy="#{_subGrupo.nome}">
                <f:facet name="header">Nome</f:facet>
                <h:outputText value="#{_subGrupo.nome}"/>
            </rich:column>
            <rich:column sortBy="#{_subGrupo.descricao}">
                <f:facet name="header">Descrição</f:facet>
                <h:outputText value="#{_subGrupo.descricao}"/>
            </rich:column>
            <rich:column sortBy="#{_subGrupo.email}">
                <f:facet name="header">E-mail</f:facet>
                <h:outputText value="#{_subGrupo.email}"/>
            </rich:column>
            <rich:column sortBy="#{_subGrupo.status}">
                <f:facet name="header">Status</f:facet>
                <h:outputText value="#{_subGrupo.status}"/>
            </rich:column>
            <rich:column style="text-align: center;">
                <f:facet name="header">Opções</f:facet>
                <s:link id="selectsubGrupo"
                     value="Selecionar"
                      view="/resources/SubGrupo.xhtml">
                    <f:param name="subGrupoId"
                            value="#{_subGrupo.id}"/>
                    <f:param name="subGrupoFrom" value="Grupo"/>
                </s:link>
            </rich:column>
        </rich:dataTable>

		<br clear="left"/>
		
		<rich:datascroller for="subGrupoTable" renderIfSinglePage="false"/>

    </h:form>

    <div class="actionButtons">
        <s:button
               value="Adicionar Subgrupo"
                view="/resources/SubGrupoEdit.xhtml">
            <f:param name="grupoId"
                    value="#{grupoHome.instance.id}"/>
            <f:param name="subGrupoFrom" value="Grupo"/>
        </s:button>
    </div>
    </rich:tab>
</rich:tabPanel>
</ui:define>

</ui:composition>
